{extend name="base/base" /}
{block name="head"}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>WD Wallet</title>
    <!-- Favicon -->
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <!-- CORE CSS FRAMEWORK - START -->
    <link href="/static/assets/plugins/pace/pace-theme-flash.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="/static/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="/static/assets/plugins/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
    <link href="/static/assets/fonts/font-awesome/css/font-awesome.css" rel="stylesheet" type="text/css" />
    <link href="/static/assets/fonts/webfont/cryptocoins.css" rel="stylesheet" type="text/css" />
    <link href="/static/assets/css/animate.min.css" rel="stylesheet" type="text/css" />
    <link href="/static/assets/plugins/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" type="text/css" />
    <!-- CORE CSS FRAMEWORK - END -->
    <!-- HEADER SCRIPTS INCLUDED ON THIS PAGE - START -->
    <link href="/static/assets/plugins/jvectormap/jquery-jvectormap-2.0.1.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="/static/assets/plugins/morris-chart/css/morris.css" rel="stylesheet" type="text/css" media="screen" />
    <!-- HEADER SCRIPTS INCLUDED ON THIS PAGE - END -->
    <!-- CORE CSS TEMPLATE - START -->
    <!--<link href="/static/assets/css/style.css" rel="stylesheet" type="text/css" />-->
    <link href="/static/assets/css/responsive.css" rel="stylesheet" type="text/css" />
    <!-- CORE CSS TEMPLATE - END -->
	
    <script src="/static/assets/js/jquery-1.11.2.min.js"></script>
    <script src="/static/assets/js/jquery.easing.min.js"></script>
    <script src="/static/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="/static/assets/plugins/pace/pace.min.js"></script>
    <script src="/static/assets/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
    <script src="/static/assets/plugins/viewport/viewportchecker.js"></script>
	
    <!-- OTHER SCRIPTS INCLUDED ON THIS PAGE - START -->

    <script src="/static/assets/plugins/echarts/echarts-custom-for-dashboard.js"></script>

    <script src="/static/assets/plugins/flot-chart/jquery.flot.js"></script>
    <script src="/static/assets/plugins/flot-chart/jquery.flot.time.js"></script>
    <script src="/static/assets/js/chart-flot.js"></script>

    <script src="/static/assets/plugins/morris-chart/js/raphael-min.js"></script>
    <script src="/static/assets/plugins/morris-chart/js/morris.min.js"></script>
    <script src="/static/assets/js/chart-morris.js"></script>
    <!-- OTHER SCRIPTS INCLUDED ON THIS PAGE - END -->
	
	<script src="/static/i18n/jquery.i18n/jquery.i18n.js"></script>
	<script src="/static/i18n/jquery.i18n/jquery.i18n.messagestore.js"></script>
	<script src="/static/i18n/jquery.i18n/jquery.i18n.fallbacks.js"></script>
	<script src="/static/i18n/jquery.i18n/jquery.i18n.language.js"></script>
	<script src="/static/i18n/jquery.i18n/jquery.i18n.parser.js"></script>
	<script src="/static/i18n/jquery.i18n/jquery.i18n.emitter.js"></script>
	<script src="/static/i18n/jquery.i18n/jquery.i18n.emitter.bidi.js"></script>
	
	
	<script src="/static/i18n/jquery.history.js"></script>
	<script src="/static/i18n/url.min.js"></script>
	
	
    <!-- CORE TEMPLATE JS - START -->
    <script src="/static/assets/js/scripts.js"></script>
     <script src="/static/assets/js/echarts.js"></script>
    <!-- END CORE TEMPLATE JS - END -->
	
	<script>
	function change_lng(val)
	{
		//$.i18n().locale = lng;
		//History.pushState(null, null, "?locale=" + val);
		//set_locale_to(val);
		$.i18n().locale = val;
		$('body').i18n();
		$.ajax({
			url:"/index/index/change_lng",
			data:{"lang":val},
			type:"post",
			success:function(){
				
			}
		})
		
	}
	
	var set_locale_to = function(locale) {
      if (locale)
        $.i18n().locale = locale;
    };
	
	jQuery(function($) {
		$.i18n().locale = '{$lang}';
		$.i18n().load( {
			'chn': '/static/i18n/chn.json',
			'cht': '/static/i18n/cht.json',
			'en': '/static/i18n/en.json',
			'jp': '/static/i18n/jp.json',
			'kor': '/static/i18n/kor.json',
			'ar': '/static/i18n/ar.json',
			'ru': '/static/i18n/ru.json'
		  } ).done( function() {
			  $('body').i18n();
			} );
		  
		})
	</script>
	
	
	
</head>
<!-- END HEAD -->
{/block}
{block name="header"}
{/block}
{block name="body"}

    <style>
        body{
            background: rgb(114 115 117);
        }
        input {
            background: rgba(0,0,0,0);
            border: 0;
            width: 100%;
            outline: none;
        }
        textarea {
            background: rgba(0,0,0,0);
            border: 0;
            width: 100%;
            outline: none;
        }
        .select-item-content {
            position: absolute;
            top: 0;
            left: -28px;
        }
        .select-item-content .arrow-up {
            width: 10px;
            height: 10px;
            background: #ffffff;
            transform: rotate(135deg);
            margin-left: 62px;
            margin-top: 35px;
            margin-bottom: -12px;
        }
        .select-item-content .content-iten {
            width: 90px;
            margin: 5px 0;
            background-color: #fff;
            border: 1px solid #ebeef5;
            border-radius: 4px;
            box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
            padding: 6px 0;
            box-sizing: border-box;
        }
        .select-item-content .content-iten .items {
            font-size: 14px;
            color: #606266;
            padding: 0 15px;
            box-sizing: border-box;
            cursor: pointer;
            height: 36px;
        }
        .select-item-content .content-iten .items:hover {
            background-color: #ecf5ff;
            color: #66b1ff;
        }
        .arrow {
            margin-left: 8px;
            width: 10px;
            height: 10px;
            margin-top: -4px;
            border-top: 1px solid #ffffff;
            border-right: 1px solid #ffffff;
            transform: rotate(135deg);
        }
        .flex-center{
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .flex-l{
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }
        .flex-r{
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }
        .flex-lr{
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .flex-bottom{
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
        }
        .flex-bottom-l{
            display: flex;
            align-items: flex-end;
            justify-content: flex-start;
        }
        .flex-top{
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }
        .flex-top-l{
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
        }
        .login-head-wrap {
            width: 100%;
        }
        .login-head-wrap .login-nav-top {
            width: 1024px;
            height: 80px;
            margin: 0 auto;
        }
        .login-head-wrap .login-nav-top .login-logo {
            width: 150px;
        }
        .login-head-wrap .login-nav-top .setting-text {
            color: #ffffff;
            font-size: 12px;
            margin-right: 20px;
            cursor: pointer;
        }
        .login-head-wrap .login-nav-top .lang-content {
            position: relative;
            height: 28px;
            overflow: hidden;
            cursor: pointer;
        }
        .login-head-wrap .login-nav-top .lang-content:hover {
            height: auto;
            overflow: unset;
        }
        .login-head-wrap .login-nav-top .lang-content .lang-text {
            color: #fff;
            font-size: 12px;
            width: 68px;
            height: 28px;
            border-radius: 26px;
            border: 1px solid #ffffff;
            cursor: pointer;
        }
        .tishi-text {
            text-align: center;
            color: #ffffff;
            font-size: 14px;
            padding-bottom: 30px;
        }
        .login-head-wrap .login-one-content-wrap {
            width: 100%;
            margin: 30px auto;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content {
            width: 40%;
            margin: 0 auto;
            background: #ffffff;
            min-height: 500px;
            border-radius: 20px;
            padding: 30px;
            box-sizing: border-box;
            text-align: center;
            position: relative;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .logos {
            width: 60px;
            text-align: center;
            margin-bottom: 20px;
            margin-top: 52px;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .login-text {
            font-size: 20px;
            font-weight: bold;
            color: #000000;
            margin-bottom: 40px;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .btns {
            width: 100%;
            height: 45px;
            background-color: #717171;
            color: #ffffff;
            font-size: 14px;
            margin-bottom: 20px;
            border-radius: 4px;
            cursor: pointer;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .dr-btns {
            background-color: #e8effd;
            color: #294fc1;
        }
        .model-type {
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            top: 0;
            left: 0;
            border-radius: 20px;
        }
        .model-type .model-content-wrap {
            width: 100%;
            border-radius: 20px;
            background: #ffffff;
            padding: 20px;
            box-sizing: border-box;
        }
        .model-type .model-content-wrap .clear-icon {
            float: right;
            width: 15px;
            cursor: pointer;
        }
        .model-type .model-content-wrap .model-text {
            color: #000000;
            font-size: 20px;
            margin-bottom: 20px;
            margin-top: 16px;
            text-align: center;
        }
        .model-type .model-content-wrap .jinzhi {
            width: 18px;
            margin-right: 5px;
        }
        .model-type .model-content-wrap .model-title-wrap-content {
            width: 80%;
            margin: 0 auto;
            cursor: pointer;
        }
        .model-type .model-content-wrap .model-title-wrap-content .detail-texts {
            color: #b8bcc4;
            text-align: center;
            margin: 20px auto;
        }
        .model-type .model-content-wrap .model-title-wrap {
            width: 100%;
            color: #b8bcc4;
            border: 1px solid #d8dce4;
            padding: 20px;
            margin-bottom: 20px;
            border-radius: 4px;
            text-align: left;
        }
        .model-type .model-content-wrap .xieyi-text {
            width: 100%;
            margin-bottom: 30px;
            color: #000000;
            font-size: 14px;
        }
        .model-type .model-content-wrap .xieyi-text .fwxy {
            color: #409eff;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .return-icon {
            width: 36px;
            float: left;
            cursor: pointer;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap {
            width: 100%;
            margin-top: 60px;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .cj-text {
            width: 100%;
            text-align: center;
            color: #000000;
            font-size: 20px;
            margin-bottom: 30px;
        }
        .login-head-wrap .login-one-content-wrap .inp-wrap {
            width: 100%;
            height: 48px;
            margin-bottom: 20px;
            padding: 0 20px;
            box-sizing: border-box;
            border: 1px solid #c0c4cc;
            border-radius: 4px;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .cj-tishi {
            color: #b8bcc4;
            font-size: 12px;
            margin-bottom: 40px;
            text-align: left;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .zjcsc-title-wrap {
            width: 100%;
            border: 1px solid #e2e8f0;
            padding: 20px;
            padding-bottom: 0;
            box-sizing: border-box;
            flex-wrap: wrap;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .zjcsc-title-wrap-none {
            border: 0;
            padding-left: 0;
            padding-right: 0;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .zjcsc-title-wrap .jzc-name {
            width: 23%;
            height: 30px;
            background-color: #edf1f8;
            color: #000000;
            font-size: 12px;
            margin-bottom: 20px;
            border-radius: 4px;
            cursor: pointer;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .zjcsc-title-wrap .jzc-name-in {
            background-color: #ecf5ff;
            font-size: 12px;
            color: #409eff;
            border: 1px solid #d9ecff;
            border-radius: 4px;
            box-sizing: border-box;
            padding: 0 8px;
            width: unset;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .zjcsc-title-wrap .jzc-name-in .xx-xx {
            margin-left: 8px;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .zjcsc-title-wrap .tishi {
            padding-bottom: 40px;
            color: #b8bcc4;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .zjcsc-title-wrap .cha-sy-text {
            color: #000000;
            padding-bottom: 20px;
            word-wrap:break-word;
            word-break:break-all;
        }
        .wu-names-wrap {
            width: 100%;
            margin-bottom: 20px;
            font-size: 16px;
            color: #000000;
            font-weight: 400;
        }
        .wu-names-wrap .scsa-icon {
            width: 36px;
            margin-right: 10px;
        }
        .awllet-content-wrap {
            width: 100%;
            height: 140px;
            background-color: #294fc1;
            color: #ffffff;
            margin-bottom: 20px;
            overflow: hidden;
        }
        .awllet-content {
            width: 100%;
            height: 140px;
            padding-top: 46px;
            box-sizing: border-box;
            background: url("/static/assets/images/login/icon1.svg") no-repeat;
            background-size: 100%;
            text-align: center;
            color: #ffffff;
            font-size: 14px;
            margin-bottom: 20px;
        }
        .awllet-content .money {
            font-size: 20px;
            margin-top: 2px;
        }
        .select-st-content {
            width: 100%;
            margin-bottom: 26px;
        }
        .select-st-content .ct-btn {
            width: 48%;
            height: 42px;
            border: 1px solid #e2e8f0;
            color: #000000;
            font-size: 14px;
            cursor: pointer;
        }
        .abs-next-list {
            width: 100%;
            border-top: 1px solid #e2e8f0;
            padding-top: 14px;
        }
        .abs-next-list .bulid-next-btn {
            width: 100%;
            margin-bottom: 20px;
        }
        .abs-next-list .bulid-next-btn .select-btn {
            font-size: 14px;
            font-weight: 500;
            color: #303133;
            margin-right: 30px;
            cursor: pointer;
        }
        .abs-next-list .bulid-next-btn .select-btn-in {
            color: #409eff;
        }
        .abs-next-list .none-text {
            color: #000000;
            font-size: 12px;
            text-align: center;
            margin-top: 80px;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .code-content {
            width: 300px;
            height: 300px;
            margin: 0 auto;
            border: 1px solid #e2e8f0;
            box-sizing: border-box;
            margin-bottom: 24px;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .code-content .code-code {
            width: 100%;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .address {
            width: 100%;
            overflow: hidden;
            text-align: center;
            margin-bottom: 20px;
            color: #000000;
            font-size: 16px;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .brnebs-btn {
            width: 280px;
            height: 30px;
            background-color: #e8effd;
            color: #294fc1;
            cursor: pointer;
            margin: 0 auto;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .siyao-name {
            color: #000000;
            margin-bottom: 20px;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .siyao-name .siyao-name-redd {
            position: relative;
            color: #e53e3e;
            height: 20px;
            overflow: hidden;
            cursor: pointer;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .siyao-name .siyao-name-redd:hover {
            height: auto;
            overflow: unset;
        }

        /*设置管理*/
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .set-list-wrap {
            width: 100%;
            margin-top: 30px;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .set-list-wrap .set-list {
            width: 100%;
            height: 45px;
            background-color: #f4f6fb;
            color: #000000;
            padding: 0 20px;
            box-sizing: border-box;
            border-radius: 4px;
            margin-bottom: 12px;
            cursor: pointer;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .set-list-wrap .set-list .arrow {
            border-color: #000000;
            border-width: 2px;
            transform: rotate(45deg);
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .fuwuxie-yi {
            color: #409eff;
            font-size: 14px;
            margin-top: 80px;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .cj-emil-content {
            width: 100%;
            height: 45px;
            border-radius: 4px;
            background: #f4f6fb;
            padding: 0 20px;
            box-sizing: border-box;
            margin-bottom: 30px;
            color: #000000;
            font-size: 14px;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .emil-code-wrap {
            width: 85%;
            margin: 0 auto;
            background: #ffffff;
            box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%);
            padding: 40px;
            box-sizing: border-box;
            border-radius: 4px;
            text-align: center;
            color: #000000;
            font-size: 14px;
        }
        .login-head-wrap .login-one-content-wrap .login-one-content .cj-qb-wrap .emil-code-wrap .wx-icon {
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
        }

        @media screen and (max-width:822px){
            body{
                background: #ffffff;
            }
            .login-head-wrap .login-nav-top {
                width: 100%;
                height: 70px;
                padding: 0 20px;
                margin: 0 auto;
                box-sizing: border-box;
                background: rgb(114 115 117);;
            }
            .login-head-wrap .login-one-content-wrap .login-one-content{
                width: 100%;
            }
        }
    </style>
        
		
<div id="app">
    <div class="login-head-wrap">
	
        <div class="login-nav-top flex-lr">
            <img src="/static/assets/images/index_logo.png" class="login-logo" alt="">
            <div class="flex-r">
				{if $action eq 'info'}
                <div class="setting-text" @click="selectIx = 8">Setting</div>
				{/if}
				<!--
                    <div class="flex-r lang-status">
                        <img src="/static/assets/images/index/lang.svg" class="lang-svg" alt="">
                        <div>Language</div>
                        <div class="arrow"></div>
                        <div class="select-item-content">
                            <div class="arrow-up"></div>
                            <div class="content-iten">
                                <div class="items flex-l" onclick="change_lng('chn')">简体中文</div>
                                <div class="items flex-l" onclick="change_lng('cht')">繁体中文</div>
                                <div class="items flex-l" onclick="change_lng('en')">English</div>
                                <div class="items flex-l" onclick="change_lng('jp')">日本語</div>
                                <div class="items flex-l" onclick="change_lng('kor')">한국어</div>
                                <div class="items flex-l" onclick="change_lng('ru')">русский</div>
                                <div class="items flex-l" onclick="change_lng('ar')">عربى</div>
                            </div>
                        </div>
                    </div>
				-->
            </div>
        </div>
		
        <div class="login-one-content-wrap">
		
		<!--INDEX-->
		{if $action eq 'index'}
            <div class="login-one-content">
                <img src="/static/assets/images/index_logo.png" class="logos" alt="">
                <div class="login-text">WD WALLET</div>
                <div class="flex-center btns" @click="modelSt=true;userIx = 0">Create wallet </div>
                <div class="flex-center btns dr-btns" @click="modelSt=true;userIx = 1">Import wallet</div>
                <div class="model-type flex-bottom" v-show="modelSt">
                    <div class="model-content-wrap">
                        <img src="/static/assets/images/login/close.svg" class="clear-icon" alt="" @click="modelSt=false">
                        <div class="flex-center model-text">
                            <img src="/static/assets/images/login/jinzhi.svg" class="jinzhi" alt="">
                            <div>Warning！！！</div>
                        </div>
                        <div class="model-title-wrap-content">
                            <div class="model-title-wrap">
                                <div>1. We do not store your private keys and/or seed words on this web wallet. You are entirely responsible for your funds and your own security.</div>
                                <div>2. Please make sure to keep backups of your private keys or seed words, do not give them to anyone. We cannot recover your funds if you lose your backups.</div>
                                <div>3. Please make sure to keep an updated antivirus and operating system. Prevent phishing and other possible attacks.</div>
                                <div>4.  If you use seed words to import wallet, please make sure it is absolutely correct. A slight difference may result in a different address.</div>
                            </div>
                            <div class="flex-l xieyi-text">
                                <input type="checkbox" aria-hidden="false" style="width: 20px" class="el-checkbox__original" checked>
                                <div>Read and agree to WD wallet</div>
                                <div class="fwxy"><a href="/index/wallet/agree">Agreement</a></div>
                            </div>
                            <div class="flex-center btns" @click="sumbit()">Confirm</div>
                        </div>
                    </div>
                </div>
            </div>
		{/if}
		
		
		{if $action eq 'agree'}
		<div class="login-one-content">
				<a href="/index/wallet">
					<img src="/static/assets/images/login/return.svg" class="return-icon">
				</a>
			<div>
			
<h2>WD Wallet Service Agreement</h2>
This WD Wallet Service Agreement (“this Agreement”) is entered into by you (“you” or “User”) and WD (“WD” or “we”) and is legally binding on you and WD.
Before using the WD Wallet (“WD Wallet” or “This Website”), we suggest that you carefully read the full content of this Agreement and other documents mentioned in this Agreement. By downloading the WD Wallet and starting to create or import wallet, you agree that you have read and accepted all of the terms and conditions contained in this Agreement, which shall cause this Agreement to become effective and legally binding to both you and WD immediately.
WD may, at its sole discretion, modify or replace this Agreement at any time. The modified Agreement will automatically take effect once it is posted in the WD Wallet, and you will not be notified separately. Your use of WD Wallet after any modification to this Agreement constitutes your acceptance of this Agreement as modified. If you do not agree with the modifications, you shall cease to use the WD Wallet immediately.
<h2>A. Definition</h2>
<ol><li>WD Wallet: this refers the blockchain wallet developed by WD based on the Wd blockchain system and other supporting tools which are developed for the convenience of the Users when using blockchain systems.
</li><li>User: a User must be a natural person who acts in conformity with local regulatory requirements within applicable jurisdiction, reaches the legal age of using the WD Wallet and is able to assume legal or monetary obligations arising from using the WD Wallet.
</li><li>Create or import Wallet: means you use the WD Wallet to create or import a Wallet.
</li><li>Wallet Password: this refers to the password you set when you create WD Wallet. The Wallet Password will be used to encrypt and protect your Private Key.
</li><li>Private Key: Private Key is the core for the User to hold and use the Tokens.
</li><li>Public Key: is derived from the Private Key based on cryptography and is used to generate wallet addresses. A wallet address is a public address for the receiving of Tokens.
</li><li>Mnemonic Words: consists of 12 words which are randomly generated, the industry standard of blockchain. It is a human-readable format of words to back up your Private Key for recovery.
</li><li>Tokens: means the tokens which are supported by the WD Wallet currently, including but not limited to WD.</li></ol>

<h2>B. Risks</h2>
You understand and acknowledge that blockchain technology is a field of innovation where the laws and regulations are not fully established. You may be faced with material risks including instability of technology or failure of Tokens redemption. You shall make investment decisions and hold or dispose of the Tokens in a reasonable way and corresponding to your financial status and risk preferences. Trading digital assets is the free choice and decision of the user, and you shall bear the risks and possible losses. WD Wallet does not make any express or implied warranties for users to use the WD Wallet service, including but not limited to the suitability of the service provided by WD Wallet, no errors or omissions, continuity, accuracy, reliability, and suitability for a specific purpose. At the same time, WD Wallet does not make any promises and guarantees for the validity, accuracy, correctness, reliability, completeness and timeliness of the technology and information involved in the services provided by WD Wallet. Whether to log in and use the services provided by WD Wallet is the user's personal decision, and at their own risk and possible loss.
<h2>C. Services</h2>
<ol><li>Create or import a Wallet. You may use the WD Wallet to create a new wallet or import wallets generated by other wallet applications.
</li><li>Transfer or receive Tokens. You may manage your digital Tokens by using the transfer and receiving functionalities of the WD Wallet. The actual transfer and receiving of Tokens happen on the blockchain system (instead of in the WD Wallet). You may be subject to daily limits on the amount and times of transfers according to your location, regulatory requirements, network limits, transferring purposes, risk control by the WD Wallet, or identification verification. You understand that blockchain operations are “irrevocable”. When you use the WD Wallet to transfer Tokens, you shall be responsible for the consequences of your mishandling the transfer (including but not limited to wrong addresses, wrong amounts, problems of the node servers selected by you).
</li><li>Manage Tokens. You may use the WD Wallet to add, manage, or delete the Tokens supported by WD Wallet.
</li><li>Transaction records. We will copy all or part of your transaction records from the blockchain system. However, Users shall refer to the blockchain system for the latest transaction records.
</li><li>Change, suspension, restriction, or termination of service. You understand that under certain circumstances, we may change, suspend, restrict, or terminate the functions of the WD Wallet used by a particular User. You are entitled to export your wallets within a reasonable amount of time if WD changes, suspends, or terminates its services.
</li><li>Other services that WD would like to provide.</li></ol>
Users who accept the services mentioned above provided by WD must understand that: The user bears full responsibility for any operation and consequences of using the WD Wallet account and password. Users shall take care of their mobile devices, Wallet Password, Private Key, Mnemonic Words, and Keystore by themselves. WD does not store or hold the above information for Users. You shall be responsible for any risks, liabilities, losses, and expenses that result from fraud, the loss of your mobile devices, disclosing (whether actively or passively) or forgetting the Wallet Password, Private Key, Mnemonic Words, or your wallet being attacked. The user shall not give, borrow, transfer or otherwise dispose of WD Wallet account to others without the consent of WD Wallet.

<h2>D. Your Rights and Obligations</h2>
<ol><li>User commitment. You promise that you have full capacity for civil rights and capacity, or although you do not have full capacity for civil rights and capacity, but click the agree to register button, it will be deemed to have been approved by your legal representative and registered and applied WD Wallet services by your legal representative.
</li><li>Create or import wallet. You are entitled to use WD Wallet on your computer or mobile devices to create and/or import wallet, set Wallet Password, and use your wallet to transfer and receive Tokens on the blockchain.
</li><li>Identification verification. If WD Wallet reasonably deems your operation or transaction to be abnormal, or considers your identification to be abnormal, or considers your identification to be doubtful, or WD Wallet considers it necessary to verify your identification documents or other necessary documents, you shall cooperate with WD Wallet and provide your valid identification documents or other necessary documents and complete the identification verification in time.
</li><li>Compliance. You understand that you shall abide by relevant laws, regulations, and policies when you use the WD Wallet. You shall not use the WD Wallet to commit any illegal or unlawful activities. You understand and accept that you shall be responsible for any violation of law or breach of this Agreement by you and shall indemnify WD against any losses, the third-party claims or administrative penalties against WD incurred by such violation or breach.
</li><li>Gas and taxes. You need to pay gas when you transfer Tokens, the amount of which would be on your sole discretion and would be collected by certain parties within the blockchain system. Under some specific circumstances, your transfer of Tokens may fail due to an unstable network, but you may still be charged gas by the certain parties within the blockchain system. In addition, you shall bear all the applicable taxes and other expenses occurred due to your transaction on the WD Wallet.</li></ol>

<h2>E. Disclaimer and Limitation of Liability</h2>
You understand and agree that within the maximum scope permitted by law, WD can only provide the services listed in this agreement in accordance with the current technical level and conditions. If losses are caused to you due to the following force majeure or other reasons beyond our control, this platform will not be liable within the scope permitted by law. 

<ol><li>Malfunction of WD Wallet resulting from system maintenance or upgrading of WD Wallet, or force majeure, such as typhoon, earthquake, flood, lightning, or terrorist attack, etc., or any other reasons not imputed to the WD Wallet;
</li><li>Users who lose their mobile devices, delete WD Wallet and wallets without back-up, forget Wallet Passwords, Private Keys, Mnemonic Words, Keystores without back-up, unfamiliar with the knowledge of blockchain which results in the loss of their Tokens;
</li><li>WD is unable to copy accurate transaction records due to system delay or blockchain instability etc.
</li><li>If you use WD Wallet or other applications with the same name as “WD Wallet” from any unauthorized third party, WD cannot guarantee the normal operation or security of such application, any loss caused by using such application shall be borne by you.</li></ol>

<h2>F. Privacy Policy</h2>
WD Wallet respects the privacy of users. You understand and agree that when you use the services provided by WD Wallet, you agree that WD Wallet can collect, store, disclose, use and protect your personal information within a reasonable and legal scope. Including personal registration information provided by the user; when the user uses the WD Wallet service, WD Wallet automatically receives and records the server value on the user's browser, including but not limited to data such as IP address and data records requested by the user; and WD Wallet, other user personal information obtained through legal means, etc. The user's successful registration with WD Wallet shall be deemed as the user's agreement that WD Wallet can collect and use the above-mentioned various types of information of the user without requiring the user's additional consent.

<h2>G.Liability for breach of contract</h2>
WD Wallet or the user's violation of this agreement constitutes a breach of contract, and the breaching party shall be liable for breach of contract to the observant party. If the user causes losses to WD Wallet due to the following breaches of contract, WD Wallet has the right to demand compensation for the losses caused by WD Wallet:

<ol><li>Loss to WD Wallet due to untrue, incomplete or inaccurate information provided by users;
</li><li>If the user engages in illegal activities in WD Wallet or using the WD Wallet service due to violation of laws and regulations or the provisions of this agreement, WD has the right to immediately terminate the provision of this service to them, cancel their account, and demand compensation to WD. 
</li><li>If the user interferes with the operation of WD Wallet by technical means or interferes with the use of WD Wallet by other users, WD has the right to immediately terminate the provision of this service, cancel their account, and demand compensation for the losses caused to WD Wallet;
</li><li>If the user maliciously slanders the goodwill of WD Wallet by fictitious facts, WD has the right to request the user to stop the infringement immediately, apologize publicly to WD Wallet, and compensate WD Wallet for the losses caused thereby.</li></ol>

<h2>H. Intellectual Property Rights Protection</h2>
The WD Wallet is a website developed and owned by WD. The intellectual property right of any contents displayed in the WD Wallet (including this Agreement, images, archives, information, materials, trademarks or logos) are owned by WD or the third-party licensors. Users can only use the WD Wallet and its contents for the purpose of holding and managing their Tokens. In particular, without prior written consent from WD or the third-party licensors, no one shall use, modify, decompile, reproduce, publicly disseminate, alter, distribute, issue or publicly publish the above-mentioned websites and contents.

<h2>I. Governing Law and Dispute Resolution</h2>
<ol><li>The validity, interpretation, modification, execution and dispute resolution of this agreement shall be governed by the laws of the mainland of the People's Republic of China. If there is no relevant legal provision, the general international business practice and/or industry practice shall be referred to.
</li><li>Disputes arising from this agreement shall first be resolved through friendly negotiation. If the negotiation fails, one party shall submit the dispute to the people's court where the platform is located for litigation.
</li><li>The user knows and understands the characteristics of the Internet without borders, and agrees to comply with all applicable areas related to Internet services (including the place where the service is provided, where the user is located, etc.) on this platform, including but not limited to the use of services and networks Including but not limited to laws and regulations governing output technology and data transmission.</li></ol>

<h2>J. Entire Agreement</h2>
<ol><li>This agreement consists of "WD Wallet Service Agreement" and various rules published by WD from time to time.
</li><li>Some of the contents of this agreement are deemed to be violated or invalid by a court with jurisdiction, and the validity of other contents will not be affected thereby.
</li><li>Any translated version of this agreement is provided for the convenience of users only, and there is no intention to modify the terms of this agreement. If there is a conflict between the Chinese version of this agreement and the non-Chinese version, the Chinese version shall prevail.</li></ol>

<h2>K. Miscellaneous</h2>
This Agreement shall become effective on September 18th, 2020.
As for issues not covered in this Agreement, you shall comply with the announcements and relevant rules as updated by WD from time to time.
			
			</div>
		</div>
		
		{/if}
		
			
        {if $action eq 'create'}
            <div class="login-one-content">
				<a href="/index/wallet">
					<img src="/static/assets/images/login/return.svg" class="return-icon">
				</a>
				<form action="/index/wallet/create_prikey" method="post">
                <div class="cj-qb-wrap">
                    <div class="cj-text">Set Password</div>
                    <div class="inp-wrap flex-l">
                        <input type="text" placeholder="Please enter a password (password must not be less than 8 characters)" name="pass">
                    </div>
                    <div class="inp-wrap flex-l">
                        <input type="text" placeholder="Confirm Password again" name="pass2">
                    </div>
                    <div class="cj-tishi">The password will not be stored, and the function of retrieving or resetting cannot be provided. Once the password is forgotten, the user can only restore the wallet through the backed up mnemonic phrase and reset the password.</div>
					  <input class="btns flex-center" type="submit" value="Confirm" />
                </div>
				
				</form>
            </div>
		{/if}
		
		{if $action eq 'error'}
            <div class="login-one-content">
				<a href="{$return_url}">
					<img src="/static/assets/images/login/return.svg" class="return-icon">
				</a>
				
                <div class="cj-qb-wrap">
					<div class="cj-text">{$err_msg}</div>
                </div>
			</div>
		{/if}
		
		
		{if $action eq 'create_prikey'}
            <div class="login-one-content">
				<a href="/index/wallet/create">
					<img src="/static/assets/images/login/return.svg" class="return-icon">
				</a>
				
                <div class="cj-qb-wrap">
					<form action="/index/wallet/login" method="post">
                    <div class="cj-text">Private Key Generation</div>
                    <div class="flex-lr zjcsc-title-wrap">
						{$data.private_key}
                    </div>
                    <div class="cj-tishi">Please copy them one by one and keep them in a safe place. The private key is your only way to restore your wallet. Once lost, it cannot be retrieved. Do not use screenshots, photos, etc. to save.</div>
					
					<input type="hidden" name="password" value="{$data.password}" />
					<input type="hidden" name="address" value="{$data.bls}" />
					<input type="hidden" name="pri_key" value="{$data.private_key}" />
					<input type="hidden" name="token" value="{$data.token}" />
					<input class="btns flex-center" type="submit" value="Confirm" />
					</form>
                </div>
            </div>
		{/if}
			
			
			
			{if $action eq 'import'}
            <div class="login-one-content">
                <img src="./assets/images/login/return.svg" class="return-icon" @click="selectIx=2" alt="">
                <div class="cj-qb-wrap">
					<form action="/index/wallet/import_act" method="post">
                    <div class="cj-text">Import Private Key</div>
                    <div class="flex-lr zjcsc-title-wrap">
                        <textarea name="pri_key" cols="30" rows="10" placeholder="Please enter the prepared private key"></textarea>
                    </div>
					
                    <div class="cj-text">Set Password</div>
                    <div class="inp-wrap flex-l">
                        <input type="text" placeholder="Please enter a password (password must not be less than 8 characters)" name="pass">
                    </div>
                    <div class="inp-wrap flex-l">
                        <input type="text" placeholder="Confirm Password again" name="pass2">
                    </div>
					<input style="margin-top: 20px" class="btns flex-center" type="submit" value="Confirm" />
					</form>
                </div>
            </div>
			{/if}
			
			
			
			{if $action eq 'info'}
            <div class="login-one-content" v-show="selectIx == 0">
                <div class="flex-l wu-names-wrap">
                    <div>WD WALLET</div>
                </div>
                <div class="awllet-content-wrap flex-center">
                    <div class="awllet-content">
						<div>{$address}</div>
                        <div>Current Balance</div>
                        <div class="money">{$uinfo.balance} WD</div>
                    </div>
                </div>
                <div class="flex-lr select-st-content">
                    <div class="ct-btn flex-center" @click="selectIx = 6">Transfer</div>
                    <div class="ct-btn flex-center" @click="selectIx = 7">Receive Payment</div>
                </div>
                <div class="abs-next-list">
				<!--
                    <div class="flex-l bulid-next-btn">
                        <div class="select-btn select-btn-in">已完成交易</div>
                        <div class="select-btn">未确认交易</div>
                    </div>
				-->
            <div class="two-tcontent-next" style="height:auto;">
                <div class="wk-list-text flex-lr">
					<div class="name3" style="width:20%;">ID</div>
                    <div class="name1" style="width:20%;">Height</div>
                    <div class="name2" style="width:30%;">Time</div>
                    <div class="name3" style="width:20%;">From</div>
					<div class="name3" style="width:20%;">To</div>
                    <div class="name6" style="width:20%;">Amount</div>
                </div>
				

			{foreach $data as $key=>$cd }
                <div class="wk-list-text wk-list flex-lr">
					<div class="name3" style="width:20%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{$cd.message_cid}</div>
                    <div class="name1 name1s" style="width:20%;">{$cd.height}</div>
                    <div class="name2" style="width:30%;">{$cd.timestamp}</div>
					<div class="name3" style="width:20%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{$cd.From}</div>
					<div class="name3" style="width:20%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">{$cd.To}</div>
                    <div class="name6" style="width:20%;">{$cd.Value}</div>
                </div>
			{/foreach}
				
					<div class="col-xs-12">
					<ul class="pager wizard">
								<li class="previous first"><a href="?page=1"><<</a></li>
								<li class="previous"><a href="?page={$page.pre}"><</a></li>
								<li class="finish"><a href="javascript:;">{$page.this}</a></li>
								<li class="finish">Go<input onchange="location='?page='+value" style="width:40px;" type="text" name="page_id" id="page_id" value="{$page.this}">Page</li>
								<li class="next last"><a href="?page={$page.next_last}">>></a></li>
								<li class="next"><a href="?page={$page.next}">></a></li>
					</ul>
					</div>
            </div>
			
                </div>
            </div>
			
			
			
            <div class="login-one-content" v-show="selectIx == 6">
                <img src="/static/assets/images/login/return.svg" class="return-icon" @click="selectIx=0" alt="">
                <div class="cj-qb-wrap">
				<form action="/index/wallet/send" method="post">
                    <div class="cj-text">Transfer</div>
                    <div style="float: left">Current Balance: {$uinfo.balance} WD</div>
                    <div class="inp-wrap flex-l">
                        <input type="text" name="amount" placeholder="Please enter the amount (unit: WD)">
                    </div>
                    <div class="inp-wrap flex-l">
                        <input type="text" name="to_address" placeholder="Please enter the payment address">
                    </div>
                    <div class="inp-wrap flex-l">
                        <input type="password" name="pass" placeholder="Please enter the password">
                    </div>
                    <input class="btns flex-center" type="submit" value="Confirm" />
				</form>
                </div>
            </div>
			
            <div class="login-one-content" v-show="selectIx == 7">
                <img src="/static/assets/images/login/return.svg" class="return-icon" @click="selectIx=0" alt="">
                <div class="cj-qb-wrap">
                    <div class="cj-text">Receiving QR Code</div>
                    <div class="code-content">
                        <img src="{$qr_url}" class="code-code" alt="">
                    </div>
                    <div class="address flex-center">{$uinfo.address}</div>
                    <!--<div class="flex-center brnebs-btn">Copy</div>-->
                </div>
            </div>
			
            <div class="login-one-content" v-show="selectIx == 8">
                <div class="cj-qb-wrap">
                    <div class="cj-text">Setting</div>
                    <div class="set-list-wrap">
					<!--
                        <div class="set-list flex-lr" @click="selectIx = 9;modelSt9=true">
                            <div>查看助记词</div>
                            <div class="arrow"></div>
                        </div>
                        <div class="set-list flex-lr" @click="selectIx = 10;modelSt9=true">
                            <div>查看私钥</div>
                            <div class="arrow"></div>
                        </div>
					-->
                        <div class="set-list flex-lr" @click="deleteStatus=true">
                            <div>Delete Wallet</div>
                            <div class="arrow"></div>
                        </div>
						<!--
                        <div class="set-list flex-lr" @click="selectIx = 13">
                            <div>帮助与反馈</div>
                            <div class="arrow"></div>
                        </div>
						-->
                    </div>
                    <div class="fuwuxie-yi" ><a href="/index/wallet/agree">Service Agreement</a></div>
                </div>
                <!--                弹窗删除框-->
                <div class="model-type flex-bottom" v-show="deleteStatus">
                    <div class="model-content-wrap">
                        <img src="/static/assets/images/login/close.svg" class="clear-icon" alt="" @click="deleteStatus=false">
                        <div class="flex-center model-text">
                            <div>Are you sure to delete the wallet</div>
                        </div>
                        <div class="model-title-wrap-content">
                            <div class="detail-texts">All data will be emptied after deletion, please make sure you have backed up the private key, otherwise it cannot be restored</div>
                            <div class="flex-center btns"><a href="/index/wallet/uunset">Confirm</a></div>
                        </div>
                    </div>
                </div>
            </div>
			
			
			{/if}
			
			
			
			
        </div>
        <div class="tishi-text">© 2020 WD WALLET. All Rights Reserved.</div>
    </div>
</div>
		
{/block}
{block name="footer"}

    <script src="/static/assets/js/vue.js"></script>
    <script type="text/javascript">
        init_bui();
        function init_bui() {
            var _vue = new Vue({
                el: '#app',
                data: {
                    modelSt: false,
                    userIx: 0,
                    selectIx: 0,
					deleteStatus: false,
                },
                created() {

                },
                mounted() {
                },
                methods: {
                    sumbit(){
                        this.modelSt = false;
						if(this.userIx == 0)
						{
							location.href="/index/wallet/create";
						}
						else
						{
							location.href="/index/wallet/import";
						}
						
						
                        //this.selectIx = this.userIx == 0 ? 1 : 2;
                    },
                },
            })
        }
    </script>

{/block}